<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas id="canvas" width="800" height="600"></canvas>

		<script type="text/javascript">
			var canvas = document.querySelector("#canvas")
			var ctx = canvas.getContext('2d')



			ctx.fillStyle = "deepskyblue"
			ctx.fillRect(100, 0, 300, 100)

			ctx.rotate(Math.PI / 4)
			ctx.fillStyle = "deepskyblue"
			ctx.fillRect(100, 0, 300, 100)
		</script>
	</body>
</html>
